// 风险监管模型
<template>
  <div class="FlRire font_s26 flex JustifyContentSA">
    <div class="flexC flex2 JustifyContentSB">
      <div class="flexC JustifyContentC AlignItemsC ">
        <p style="color: #7CD4FE; line-height:4.875rem;">识险</p>
        <img src="@/assets/img/components/18.png" width="70%" />
      </div>
      <div class="flexC colorF JustifyContentSA  AlignItemsC flex1">
        <div class="nav_left flex JustifyContentC AlignItemsC"><p>日常、专项检查</p></div>
        <div class="nav_left flex JustifyContentC AlignItemsC"><p>12345、信访</p></div>
        <div class="nav_left flex JustifyContentC AlignItemsC"><p>受理窗口反馈</p></div>
        <div class="nav_left flex JustifyContentC AlignItemsC"><p>内部工作系统</p></div>
      </div>
      <div class="flexC JustifyContentC AlignItemsC">
        <p style="color: #7CD4FE; line-height:4.875rem;">行业部门</p>
        <img src="@/assets/img/components/18.png" width="70%" />
      </div>
      <div class="flex colorF JustifyContentC" style="margin-top:1rem;">
        <div class="nav_left2 flexC JustifyContentC AlignItemsC" style="margin-right: 0.625rem;">
          <img src="@/assets/img/components/37.png" alt="" />
          <p>民政局</p>
        </div>
        <div class="nav_left2 flexC JustifyContentC AlignItemsC" style="margin-left: 0.625rem;">
          <img src="@/assets/img/components/39.png" alt="" />
          <p>卫健委</p>
        </div>
      </div>
    </div>
    <div class="flexC flex3 JustifyContentSB ">
      <div class="flexC JustifyContentC AlignItemsC">
        <p style="color: #7CD4FE; line-height:4.875rem;">评险</p>
        <img src="@/assets/img/components/18.png" width="50%" />
      </div>
      <ul class="flex flex1 colorF AlignItemsC JustifyContentC">
        <li class="square bgImg06 flexC JustifyContentC AlignItemsC">
          <p class="square_lv">低风险</p>
          <p>1～4分</p>
        </li>
        <li class="square bgImg05 flexC JustifyContentC AlignItemsC" style="margin: 0 0.825rem;">
          <p class="square_huang">中风险</p>
          <p>5～9分</p>
        </li>
        <li class="square bgImg04 flexC JustifyContentC AlignItemsC">
          <p class="square_red">高风险</p>
          <p>9分以上</p>
        </li>
      </ul>
      <div class="flex flex3 JustifyContentSA ">
        <p class="colorF font_s32 flex JustifyContentC" style="opacity:0.5;  writing-mode: vertical-lr;">风 险 事 件</p>
        <ul class="flexC  colorF font_s24 JustifyContentSA">
          <li class="flex  AlignItemsC ">
            <p class="nav_con flex JustifyContentC AlignItemsC">10分</p>
            <p class="nav_con_P flex AlignItemsC">欺诈骗取长护险基金</p>
          </li>
          <li class="flex  AlignItemsC ">
            <p class="nav_con flex JustifyContentC AlignItemsC">10分</p>
            <p class="nav_con_P flex AlignItemsC">威胁长护险信息系统安全</p>
          </li>
          <li class="flex  AlignItemsC ">
            <p class="nav_con1 flex JustifyContentC AlignItemsC">5分</p>
            <p class="nav_con_P1 flex AlignItemsC">机构实际运营地址与证照地址不符</p>
          </li>
          <li class="flex  AlignItemsC ">
            <p class="nav_con1 flex JustifyContentC AlignItemsC">5分</p>
            <p class="nav_con_P1 flex AlignItemsC">诱导健康老人申请长期护理险</p>
          </li>
          <li class="flex  AlignItemsC ">
            <p class="nav_con1 flex JustifyContentC AlignItemsC">5分</p>
            <p class="nav_con_P1 flex AlignItemsC">冒用他人ID结算</p>
          </li>
          <li class="flex  AlignItemsC ">
            <p class="nav_con2 flex JustifyContentC AlignItemsC">1分</p>
            <p class="nav_con_P2 flex AlignItemsC">机构证照信息变更后未及时申请长护险信息变更</p>
          </li>
          <li class="flex  AlignItemsC ">
            <p class="nav_con2 flex JustifyContentC AlignItemsC">1分</p>
            <p class="nav_con_P2 flex AlignItemsC">机构未与护理员签订劳动合同或劳务协议</p>
          </li>
          <li class="flex  AlignItemsC ">
            <p class="nav_con2 flex JustifyContentC AlignItemsC">1分</p>
            <p class="nav_con_P2 flex AlignItemsC">护理员配比大于12</p>
          </li>
          <li class="flex  AlignItemsC ">
            <p class="nav_con2 flex JustifyContentC AlignItemsC">1分</p>
            <p class="nav_con_P2 flex AlignItemsC">超等级结算、重复结算、套高结算</p>
          </li>
          <li class="flex  AlignItemsC ">
            <p class="nav_con2 flex JustifyContentC AlignItemsC">1分</p>
            <p class="nav_con_P2 flex AlignItemsC">机构操作不规范</p>
          </li>
        </ul>
      </div>
    </div>
    <div class="flexC flex2">
      <div class="flexC JustifyContentC AlignItemsC">
        <p style="color: #7CD4FE; line-height:4.875rem;">排险</p>
        <img src="@/assets/img/components/18.png" width="70%" />
      </div>
      <div class="flex JustifyContentC flex1 ">
        <div class="flexC JustifyContentSA ">
          <div class="flex JustifyContentC AlignItemsC font_s30 colorF nav_right">部门协同</div>
          <div class=" flex  AlignItemsC" style="color: #BAFFFC;">
            <img src="@/assets/img/components/37.png" alt="" style="padding-right: 1rem;" />
            <p>民政局</p>
          </div>
          <div style="width:232px;border:1px dotted rgba(45,125,241,1);"></div>
          <div class=" flex AlignItemsC" style="color: #BAFFFC;">
            <img src="@/assets/img/components/39.png" alt="" style="padding-right: 1rem;" />
            <p>卫健委</p>
          </div>
          <div style="width:232px;border:1px dotted rgba(45,125,241,1);"></div>
          <div class=" flex  AlignItemsC" style="color: #BAFFFC;">
            <img src="@/assets/img/components/44.png" alt="" style="padding-right: 1rem;" />
            <p>街镇受理中心</p>
          </div>
          <div class="flex JustifyContentC AlignItemsC font_s30 colorF nav_right">医保局内部处置</div>
          <div class=" flex  AlignItemsC" style="color: #BAFFFC;">
            <img src="@/assets/img/components/45.png" alt="" style="padding-right: 1rem;" />
            <p>监督处</p>
          </div>
          <div style="width:232px;border:1px dotted rgba(45,125,241,1);"></div>
          <div class=" flex  AlignItemsC" style="color: #BAFFFC;">
            <img src="@/assets/img/components/45.png" alt="" style="padding-right: 1rem;" />
            <p>医保中心</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script></script>
<style lang="scss" scoped>
.FlRire {
  width: 100%;
  height: 85%;
  font-weight: 400;

  .nav_left {
    width: 19.4375rem;
    height: 3.625rem;
    background: url(../../../assets/img/components/35.png) no-repeat center;
  }
  .nav_left2 {
    width: 6.5rem;
    height: 6.3125rem;
    background: url(../../../assets/img/components/36.png) no-repeat center;
  }
  .square {
    width: 12.3125rem;
    height: 8.25rem;

    .square_lv {
      color: #48c215;
    }

    .square_huang {
      color: #e3c403;
    }

    .square_red {
      color: #de1313;
    }
  }
  .bgImg04 {
    background: url(../../../assets/img/home/left04.png) no-repeat;
    background-size: 100% 100%;
  }
  .bgImg05 {
    background: url(../../../assets/img/home/left05.png) no-repeat;
    background-size: 100% 100%;
  }
  .bgImg06 {
    background: url(../../../assets/img/home/left06.png) no-repeat;
    background-size: 100% 100%;
  }
  .nav_con {
    width: 7.5rem;
    height: 2.8125rem;
    background: url(../../../assets/img/components/40.png) no-repeat center;
  }
  .nav_con_P {
    width: 32.25rem;
    height: 2.8125rem;
    padding-left: 2rem;
    background: linear-gradient(90deg, rgba(0, 104, 183, 0.5) 0%, rgba(0, 104, 183, 0) 100%);
  }
  .nav_con1 {
    width: 7.5rem;
    height: 2.8125rem;

    background: url(../../../assets/img/components/41.png) no-repeat center;
  }
  .nav_con_P1 {
    width: 32.25rem;
    height: 2.8125rem;
    padding-left: 2rem;
    background: linear-gradient(90deg, rgba(7, 144, 159, 0.5) 0%, rgba(7, 144, 159, 0) 100%);
  }
  .nav_con2 {
    width: 7.5rem;
    height: 2.8125rem;
    background: url(../../../assets/img/components/42.png) no-repeat center;
  }
  .nav_con_P2 {
    width: 32.25rem;
    height: 2.8125rem;
    padding-left: 2rem;
    background: linear-gradient(90deg, rgba(67, 168, 65, 0.5) 0%, rgba(67, 168, 65, 0) 100%);
  }
  .nav_right {
    width: 17.5rem;
    height: 4.1875rem;
    background: url(../../../assets/img/components/43.png) no-repeat center;
  }
}
</style>
